<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>关于我们</title>
    <link rel="stylesheet" href="../lib/vant/index.css">
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="views" id="aboutUsPage" v-cloak>
    <!-- 顶部导航 -->
    <div class="main-header-wrap">
        <van-popup class="main-popup" v-model="showNav" :overlay="false">
            <div class="main-nav">
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./index.html">· 首页</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./enterprise_service.html">· 企业服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/dispatching_service.html">人事外包</a>
                        <a class="van-hairline--bottom" href="enterprise_service/personnel_agency.html">代理服务</a>
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/recruitment.html">招聘服务</a>
                        <a class="van-hairline--bottom" href="enterprise_service/employee_benefits.html">人事福利</a>
                        <a class="van-hairline--right" href="enterprise_service/consulting.html">咨询服务</a>
                        <a class="" href="enterprise_service/workforce_experts.html">职场专家</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./staff_service.html">· 员工服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/staff_enrolling.html">员工入职</a>
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/employee_turnover.html">员工离职</a>
                        <a class="van-hairline--right" href="staff_service/staff_management.html">员工管理</a>
                        <a class="" href="staff_service/faq_download.html">常见问题及表格下载</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./job.html">· 招聘求职</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--right" href="job/headhunting.html">猎头岗位</a>
                        <a class="" href="job/hotjobs.html">热招职位</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./government_solutions.html">· 政策服务</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./about_us.html">· 关于我们</a>
                    </dt>
                </dl>
            </div>
        </van-popup>
        <div class="main-header flex" :class="{'bg-white': !showNav}">
            <a href="./index.html" class="logo" style="background-image: url(../images/logo.png)"></a>
            <span class="menu" @click="showPopup">
            <em :class="{'close': showNav}"></em>
            <div>{{showNav ? 'CLOSE': 'MENU'}}</div>
        </span>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="main-content">
        <div class="main-focus" style="background-image: url(../images/top_banner_4.jpg)">
            <div class="inner">
                <h3>关于我们</h3>
                <p>About us</p>
            </div>
        </div>
        <div class="main-short-title" style="padding: 30px 0 15px;">
            <h3 class="m-title s-tc">公司介绍</h3>
            <p class="m-info">西安外国企业服务有限公司（即XAFESCO，以下简称“西安外服”）是港股主板上市公司万宝盛华大中华旗下的控股公司。原西安外服于1997年经西安市人民政府批准成立的专业人力资源服务公司。是政府指定为外国企业以及港澳台企业在西安设立常驻代表机构提供承办服务及人力资源服务的专业公司。
                <br>2010年8月，大中华区最大的人力资源服务供应商（按1018年营收计）万宝盛华大中华注资控股西安外服，此次合资为XAFESCO注入领先的人力资源服务理念和管理模式，使其在管理水平和服务质量上再一次获得重大飞跃。
            </p>
        </div>
        <!-- 企业荣誉 -->
        <div class="enterprise-floor bg-gray">
            <div class="main-floor-title">
                <div class="en">Enterprise honor</div>
                <div class="cn">企业荣誉</div>
            </div>
            <div class="enterprise-honor">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="img-box">
                                <div class="imgCtr" style="background-image: url(../images/about_us/au_img1.jpg)"></div>
                            </div>
                            <div class="info">西安市外商投资企业协会授予“2019年度履行社会责任优秀企业”</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="img-box">
                                <div class="imgCtr" style="background-image: url(../images/about_us/au_img2.jpg)"></div>
                            </div>
                            <div class="info">西安市外商投资企业协会授予“2019年度最佳合作机构”</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="img-box">
                                <div class="imgCtr" style="background-image: url(../images/about_us/au_img3.jpg)"></div>
                            </div>
                            <div class="info">西安市人力资源服务行业协会评为“2019年度优秀猎头服务商”</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="img-box">
                                <div class="imgCtr" style="background-image: url(../images/about_us/au_img4.jpg)"></div>
                            </div>
                            <div class="info">2017中国年度最佳雇主提名奖</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="img-box">
                                <div class="imgCtr" style="background-image: url(../images/about_us/au_img5.jpg)"></div>
                            </div>
                            <div class="info">2019年度西安人力资源服务行业领军人物</div>
                        </div>
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
        <!-- 新闻动态 -->
        <div class="index-floor3" style="padding: 32px 0 25px;">
            <div class="main-floor-title">
                <div class="en">News & Trends</div>
                <div class="cn">新闻动态</div>
            </div>
            <div class="swipers" style="padding: 18px 0 20px;">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <a href="news/article_1.html" class="swiper-slide">
                            <div class="imgCtr" style="background-image: url(../images/news/photo1.png)"></div>
                            <div class="info">一天两访，政府盼人才兴市</div>
                        </a>
                        <a href="news/article_2.html" class="swiper-slide">
                            <div class="imgCtr" style="background-image: url(../images/news/photo2.png)"></div>
                            <div class="info">万宝盛华大中华喜获“2019-2020年度最佳SaaS服务商”奖项</div>
                        </a>
                        <a href="news/article_3.html" class="swiper-slide">
                            <div class="imgCtr" style="background-image: url(../images/news/photo3.png)"></div>
                            <div class="info">万宝盛华大中华司庆日，两岸四地员工共庆公司发展新历程</div>
                        </a>
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <div class="op s-tc">
                <a href="./news.html" class="index-link">查看更多</a>
            </div>
        </div>
        <!-- 加入我们 -->
        <div class="enterprise-floor bg-gray" style="padding-bottom: 16px;" id="join_us">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Join us</div>
                    <div class="cn">加入我们</div>
                </div>
                <div class="join-card-wrap pt-15">
                    <ul class="join-card">
                        <li class="card-item" v-for="(item, index) in jobs[curr-1]" :key="item.id">
                            <a :href="item.url" class="van-cell van-cell--center">
                                <div class="van-cell__title">
                                    <span>{{item.job}}</span>
                                    <div class="van-cell__label">{{item.company}} {{item.locale}}</div>
                                </div>
                                <div class="van-cell__value">
                                    <strong>{{item.huntingNumber}}人</strong>
                                </div>
                                <i class="van-icon van-icon-arrow van-cell__right-icon"></i>
                            </a>
                        </li>
                    </ul>
                    <div class="join-tips">招聘联系电话：029-87510067
                        <br>简历投递邮箱：zhaopin@xafesco.com（投递简历请备注应聘岗位）
                    </div>
                    <div class="main-pagination-nav s-tc">
                        <van-pagination v-model="curr" :total-items="total" :items-per-page="pageSize" @change="handleChangePagination">
                            <template #prev-text>
                                <van-icon name="arrow-left"></van-icon>
                            </template>
                            <template #next-text>
                                <van-icon name="arrow"></van-icon>
                            </template>
                            <template #page="{ text }">{{ text }}</template>
                        </van-pagination>
                    </div>
                </div>
            </div>
        </div>
        <!-- 联系我们 -->
        <div class="enterprise-floor">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Contact Us</div>
                    <div class="cn">联系我们</div>
                </div>
                <div class="contact-box">
                    <div class="line"><strong class="label">客户联系：</strong><span>029-87512225</span> <span>service-01@xafesco.com</span></div>
                    <div class="line"><strong class="label">招聘联系：</strong><span>029-87510177</span> <span>zhaopin@xafesco.com</span></div>
                    <div class="line"><strong class="label">业务联系：</strong><span>029-87510117</span></div>
                    <div class="line"><strong class="label">总经办：</strong><span>029-87510067</span></div>
                </div>
                <div class="f-thumb set-shadow">
                    <img src="../images/map.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="main-footer">
            <div class="f-hd s-tc">
                <h3>西安外国企业服务有限公司</h3>
                <p>西安外国企业服务有限公司（即XAFESCO，以下简称 “西安外服”）是港股主板上市公司万宝盛华大中华旗下的控股公司。原西安外服于1997年经西安市人民政府批准成立的专业人力资源服务公司。是政府指定为外国企业以及港澳台企业在西安设立常驻代表机构提供承办服务及人力资源服务的专业公司。</p>
            </div>
            <ul class="f-nav s-tc">
                <li><a href="./enterprise_service.html">企业服务</a></li>
                <li><a href="./staff_service.html">员工服务</a></li>
                <li><a href="./job.html">招聘求职</a></li>
                <li><a href="./government_solutions.html">政策服务</a></li>
                <li><a href="./about_us.html">关于我们</a></li>
            </ul>
            <div class="f-ewm s-tc">
                <div class="ewm-item">
                    <img src="../images/ewm.png">
                    <p>关注我们</p>
                </div>
            </div>
            <div class="f-bd s-tc">
                <div class="logo">
                    <img src="../images/logo_f.png">
                </div>
                <p class="p1">http://www.xafesco.com<br>西安市碑林区和平路118号和平银座908-910室（大差市十字西南角）</p>
                <p class="p2">备案号：123456789</p>
            </div>
        </div>
    </div>
</div>
<script src="../lib/jquery-3.4.1.min.js"></script>
<script src="../lib/vue.min.js"></script>
<script src="../lib/vant/vant.min.js"></script>
<script src="../lib/swiper/swiper-bundle.min.js"></script>
<script src="../js/common.js"></script>
<script>
    var datas = [
        {
            "id": 23001,
            "url": "job/job3_1.html",
            "job": "商务/销售主管",
            "huntingNumber": "1",
            "workingYears": "1-3年",
            "education": "大专",
            "company": "西安外国企业服务有限公司",
            "locale": "西安",
        },
        {
            "id": 23002,
            "url": "job/job3_2.html",
            "job": "招聘专员",
            "huntingNumber": "1",
            "workingYears": "不限",
            "education": "不限",
            "company": "西安外国企业服务有限公司",
            "locale": "西安",
        },
    ];
    new Vue({
        el: '#aboutUsPage',
        mixins: [commonMixin],
        data: function ()  {
            return {
                pageSize: 5,
                curr: 1,
                total: 0,
                jobs: [],
            }
        },
        mounted: function () {
            var that = this;
            // 企业荣誉
            var swiperHonor = new Swiper('.enterprise-honor .swiper-container', {
                slidesPerView: 2,
                centeredSlides: true,
                loop: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
            //新闻动态
            var swiperNews = new Swiper('.index-floor3 .swiper-container', {
                slidesPerView: 1.5,
                spaceBetween: 6,
                centeredSlides: true,
                loop: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
            // 加入我们
            that.$nextTick(function () {
                if(Array.isArray(datas)) {
                    that.total = datas.length;
                    that.jobs = that.sliceArray(datas, that.pageSize);
                }
            })
        },
        methods: {
            sliceArray: function(array, size) {
                var resultArray = [];
                for (var i = 0; i < Math.ceil(array.length / size); i++) {
                    var start = i * size;
                    var end = start + size;
                    resultArray.push(array.slice(start, end));
                }
                return resultArray;
            },
            handleChangePagination: function () {
                $('.main-content').scrollTop(0);
            }
        }
    })
</script>
</body>
</html>
